#wrapper {
	position: relative;
}

#output {
	width: 580px;
	height: 400px;
	border: 10px solid #cccccc;
	padding: 10px;
	word-break: break-all;
	overflow: auto;
}


#control {
	width: 600px;
	height: 30px;
	/* border: 10px solid #cccccc; */
	border-left: 10px solid #cccccc;
	border-right: 10px solid #cccccc;
}

#edit {
	width: 600px;
	height: 100px;
	border: 10px solid #cccccc;
	text-align: left;
}

#text-input-panel {
	padding: 3px;
	resize: none;
	border: none;
}

#send-button {
	border-top-width: 3px;
	height: 39px;
	left: 531px;
	position: absolute;
	top: 497px;
	width: 63px;
	border: none;
	color: white;
}

.button-disable {
	background-color: #C24949;
}

.button-enable {
	background-color: #FC0D0D;
}

.username {
	font-weight: bold;
	color: #cccccc;
}

.imagebutton {
	background-color: #C0C0C0;
	border: 2px solid #C0C0C0;
	height: 22px;
	width: 23px;
}

.imagebutton:hover {
	border: 2px outset;
}

.colorPicker-picker {
	display: inline-block;
}

#select-icon {
	left: 369px;
	top: 448px;
	position: absolute;
	visibility: hidden;
}

.emoteTogglerImg {
	display: block;
	height: 25px;
	width: 24px;
	background-image:
		url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/yG/r/HzWN6tvRr-0.png");
	background-position: -1px -35px;
	background-repeat: no-repeat;
	background-size: auto auto;
	cursor: pointer;
}

/* #colorpalette{
    position: absolute;
	visibility: hidden;
} */

.loginblock{
	border: 1px solid;
    display: block;
    height: 103px;
    margin: 200px auto auto;
    padding: 10px;
    width: 378px;
}